<extend name="Public/base"/>
<block name="body">
    <div class="main-title">
        <h2>{$meta_title}</h2>
    </div>
    <div class="cf">
            <if condition="$info['id'] gt 0">
                <table>
                    <caption>
                        菜单适用范围：
                    </caption>
                    <thead>
                    <tr>
                        <th>筛选范围：</th>
                        <foreach name="info" item="vo" key="k">
                            <th>{$k|get_member_key}</th>
                        </foreach>
                        <th>操作</th>
                    </tr>

                    </thead>
                    <tbody>
                    <tr>
                        <td>筛选条件：</td>
                        <foreach name="info" item="vo" key="k">
                            <td>{$vo}</td>
                        </foreach>
                            <td>
                                <eq name="info['status']" value="未发布">
                                    <a href="{:U('publishMenuList?id='.$info['id'])}" class="btn btn-success confirm ajax-get">发布</a>
                                <else />
                                    <span class="btn disabled">已发布</span>
                                </eq>

                            </td>
                    </tr>
                    </tbody>
                </table>
                <else/>
                <if condition="S('menuLocalChange') eq TRUE">
                    <div class="alert alert-block">
                        <h4>注意！本地默认菜单还没有生成到公众平台</h4>
                        您已经更改了默认菜单的配置选项，但还没有生成到微信公众平台，请确认内容后点击下面的“生成到公众号”按钮生成菜单。否则，公众号的菜单不会更新到最新。
                    </div>
                </if>
            </if>

            <div class="tb-unit posr">
                <if condition="S('menuLocalChange') eq TRUE">
                    <div class="tb-unit-bar" style="margin-top: 15px">
                        <button class="btn submit-btn ajax-post" id="setMenu" type="submit">生成至公众帐号</button>
                        <span class="help-inline menumsg"></span>
                    </div>
                </if>

                <div class="category">
                    <div class="hd cf">
                        <div class="fold">折叠</div>
                        <div class="order">排序</div>
                        <div class="name">显示名称</div>
                    </div>

                    {:R('WechatMenu/tree', array($tree))}
                    <span style="line-height: 40px;margin: 0 10px;">添加一级菜单</span><a title="添加一级菜单"href="{:U('add?pid=0&menuListId='.$info['id'])}"><i class="icon-add"></i> </a>
                </div>
            </div>
            <!-- /表格列表 -->

        <div style="margin: 5px;padding: 5px;background-color: #FF6600;color: #F3F3F3;border:#F4BF75 solid 1px;">
            注意：本页面仅可实时编辑排序及菜单名称，详细的菜单配置请点击“编辑”按钮进入编辑页面。
        </div>

    </div>
</block>

<block name="script">
    <script type="text/javascript">
        (function ($) {
            /* 菜单展开收起 */
            $(".category dd").prev().find(".fold i").addClass("icon-unfold")
                    .click(function () {
                        var self = $(this);
                        if (self.hasClass("icon-unfold")) {
                            self.closest("dt").next().slideUp("fast", function () {
                                self.removeClass("icon-unfold").addClass("icon-fold");
                            });
                        } else {
                            self.closest("dt").next().slideDown("fast", function () {
                                self.removeClass("icon-fold").addClass("icon-unfold");
                            });
                        }
                    });

            /* 二级菜单删除新增按钮 */
            $(".category dd .add-sub-cate").remove();

            /* 实时更新菜单信息 */
            $(".category")
                    .on("submit", "form", function () {
                        var self = $(this);
                        $.post(
                                self.attr("action"),
                                self.serialize(),
                                function (data) {
                                    /* 提示信息 */
                                    var name = data.status ? "success" : "error", msg;
                                    msg = self.find(".msg").addClass(name).text(data.info)
                                            .css("display", "inline-block");
                                    setTimeout(function () {
                                        msg.fadeOut(function () {
                                            msg.text("").removeClass(name);
                                        });
                                    }, 2000);
                                },
                                "json"
                        );
                        return false;
                    })
                    .on("focus", "input", function () {
                        $(this).data('param', $(this).closest("form").serialize());

                    })
                    .on("blur", "input", function () {
                        if ($(this).data('param') != $(this).closest("form").serialize()) {
                            $(this).closest("form").submit();
                        }
                    });

            /*重新生成菜单*/
            $('#setMenu').click(function () {
                var setMenuUrl = '{:U("setMenu","","")}';
                $.post(
                        setMenuUrl,
                        '',
                        function (menuMsg) {
                            /* 菜单生成后提示信息 */
                            var name = menuMsg.status ? "success" : "error", msg;
                            msg = $(".menumsg").addClass(name).text(menuMsg.info)
                                    .css("display", "inline-block");
                            setTimeout(function () {
                                msg.fadeOut(function () {
                                    msg.text("").removeClass(name);
                                });
                            }, 2000);
                        },
                        'json');
            });
        })(jQuery);
    </script>
</block>